﻿ @model List<SelectListItem>
            
 <script type="text/javascript">
     function Novo() {
         $.ajax({
             url: "../Product/Novo",
             type: "get",
             success: function (data) {
                 $("#Conteudo").html(data);
             }
         });
     }

     function GetCodigo() {
         var id = document.getElementById("IdCategoria").value;
         var idProduto = document.getElementById("Id").value;
         
         if (id > 0) {
             $.ajax({
                 url: "../Product/GetCodigo/0?idSubCategoria=" + id + "&idProduto=" + idProduto,
                 type: "get",
                 success: function (data) {
                     document.getElementById("Codigo").value = data.Codigo;
                 }
             });
         }
     }

     function Validar() {
        return true;
    }

    function AdicionarEstoque() {
        var quantidade = $("#quantidade").val();
        var tamanho = $("#tamanho").val();

        $.ajax({
            url: '@Url.Content("~/Product/AdicionarEstoque")',
            type: "post",
            data: { quantidade: quantidade, tamanho: tamanho },
            success: function (data) {
                $("#ListaEstoque").html(data);
            }

        });

    }

    function GetCategoria() {
        var id = document.getElementById("Id").value;
        $.ajax({
            url: "../Product/GetCategoria/0?idProduto=" + id,
            type: "get",
            success: function (data) {
                document.getElementById("categorias").value = data.categoria;
                GetSubcategoria(data.categoria, data.subcategoria);
            }
        });
    }

    function onSuccess(data) {
        if (data.success == true) {
            $("#ok").html(data.sucessMessage);
            $("#ok").show();
            $("#ok").fadeOut(5000);
            MontarGrid();
        }
        else {
            $("#erro").html(data.erroMessage);
            $("#erro").show();
        }
    }

    function onError() {
        alert("Erro");
    }

    function GetSubcategoria(idCategoria, idSubCategoria) {
        if (idCategoria > 0) {
            $.ajax({
                url: '@Url.Content("~/Product/GetSubcategorias/0?idCategoria=")' + idCategoria,
                type: "get",
                success: function (data) {
                    var subcategorias = document.getElementById("IdCategoria");
                    subcategorias.options.length = 0;

                    for (i = 0; i < eval(data).length; i++) {
                        subcategorias.options[subcategorias.options.length] = new Option(eval(data)[i].Text, eval(data)[i].Value);
                    }

                    if (idSubCategoria > 0) {
                        document.getElementById("IdCategoria").value = idSubCategoria;
                    }

                }

            });
        }
    }
     function MontarGrid() {
         $.ajax({
             url: '@Url.Content("~/Product/GetListaProduto")',
             type: "get",
             success: function (data) {
                 $("#Conteudo").html(data);
             }
         });
     }

 </script>

<h1><img src="@Url.Content("~/Content/Images/title/product.png")" />&nbsp;Gestão de Produtos</h1><br /><br />
 <div id="erro" class="erro" style="display:none">Mensagem de erro do sistema.</div>
 <div id="ok" class="ok" style="display:none">Mensagem de sucesso do sistema.</div>
 
 <div><a href="javascript:Novo();"><img src="@Url.Content("~/Content/Images/crud/add.png")" title="Novo Produto" /></a></div><br />

 <div>
    @Html.EditorFor(Model => Model, "_Pesquisa")
 </div>
 <div id="Conteudo" class="grupo">
    @{Html.RenderAction("GetListaProduto", "Product");}
 </div>
 

 

        


